<template>
	<!-- <view>
		  商品评价页面
	</view> -->

	<view class="">

		<view class="d-flex a-center j-sb line-h-md  border-bottom pb-1  text-light-muted font-sm">
			<view>
				<text>用户评价</text>
				<text class="ml-1">(123)</text>
			</view>
			<view>
				<text class="main-text-color mr-1">98.5%</text>
				<text>满意</text>
			</view>
		</view>

		<color-tag v-for='(item,index) in cateList' :key='index' :item='item'></color-tag>

		<!-- 添加分割线 -->
		<divider></divider>


		<!-- 商品评价详情 -->

		
			<view class="p-2">
		<scroll-view scroll-y="true"  class="scroll-row" >
			<view class="  scroll-row-item     w-100  mr-2 " v-for='(item,index) in  comments'  
			
			>
		
				<view class="d-flex  j-sb  w-100">
					<view class="d-flex">
						<image :src="item.userpic" mode="" style="width: 70rpx;height: 70rpx;"></image>
						<view class="d-flex flex-column ml-2">
							<text> {{item.username}}</text>
								<text> {{item.hao}}</text>
								
								<image src="../../static/images/demo/cate_07.png"  mode="widthFix"></image>
							<text> {{item.create_time}}</text>
							
						</view>
					</view>	
					
					<view class="iconfont icon-service main-text-color" >
						<text class="pl-1 font">超好</text>
					</view>
				</view>
				<view class="d-flex  flex-column  bg-light-secondary m-3  ml-5  p-2 "  style="height: 200rpx;margin-left: 46px;">
					<view class="line-h-md">
						<text class="main-text-color">官方回复:</text>
							<text class="">哈哈哈</text>
					</view>
					<view class="iconfont icon-dianzan line-h-lg "> 赞 客服 120</view>
					
				</view>
				
			
			</view>
		</scroll-view>

		</view>





	</view>
</template>

<script>
	import Card from '@/components/common/card.vue'

	import colorTag from '@/components/search/color-tag.vue'
	export default {

		components: {
			Card,
			colorTag
		},
		data() {


			return {

				cateList: [{
						name: "全部"
					},
					{
						name: "有图"
					},
					{
						name: "非常喜欢"
					},
					{
						name: "拍照好"
					},
					{
						name: "手感很棒"
					},
					{
						name: "效果好"
					},
					{
						name: "性能很棒"
					},
				],
				
				comments: [{
						userpic: "/static/images/demo/demo6.jpg",
						username: "昵称",
						create_time: "2019-07-31",
						goods_num: 123,
						context: "评论内容",
						hao:'非常好',
						imglist: [
							"/static/images/demo/demo6.jpg",
							"/static/images/demo/demo6.jpg",
							"/static/images/demo/demo6.jpg"
						]
					},
					
				],


			}
		},
		methods: {

		}
	}
</script>

<style>

</style>
